<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jqueryTab</title>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
 <div class="case_box ">
     <h3>他们正在使用</h3>
     <div class="category w1200">
         <ul>
             <li class="active">科技资讯</li>
             <li>评测体验</li>
             <li>驱动下载</li>
             <li>硬件</li>
             <li>排行榜</li>
         </ul>
     </div>
     <div class="content w1200">
        <div class="cont active">
            <img class="bg" src="./images/case1.jpg" alt="" srcset="">
            <div class="info">
                <div class="title">
                    <div class="logo">
                        <img src="./images/logo1.png" alt="" srcset="">
                    </div>
                    <h4>COMPANY2</h4>
                </div>
                    <p>
                       中国移动国际有限公司(CMI)宣布，位于英国的数据中心已于12月初正式启用，这也是中国移动在欧洲的第一自有数据中心，集国际网络交换枢纽、互联网数据中心于一身。
                       该数据中心位于英国斯劳贸易园区(Slough Trading Estate)，拥有1600多台机架，依据Tier III设计文件(TCDD)建造，可用性高达99.99％。                            
                    </p>
            </div>
        </div>
        <div class="cont ">
            <img class="bg" src="./images/case2.jpg" alt="" srcset="">
            <div class="info">
                <div class="title">
                    <div class="logo">
                        <img src="./images/logo2.png" alt="" srcset="">
                    </div>
                    <h4>COMPANY2</h4>
                </div>
                    <p>
                       中国移动国际有限公司(CMI)宣布，位于英国的数据中心已于12月初正式启用，这也是中国移动在欧洲的第一自有数据中心，集国际网络交换枢纽、互联网数据中心于一身。
                       该数据中心位于英国斯劳贸易园区(Slough Trading Estate)，拥有1600多台机架，依据Tier III设计文件(TCDD)建造，可用性高达99.99％。                            
                    </p>
            </div>
        </div>        
     </div>
 </div> 
 <script type="text/javascript">
    $(function() {
        $('.category ul li').click(function(){
            var i = $(this).index()
            console.log(i)
            $(this).addClass('active').siblings().removeClass('active');
            $('.content .cont').eq(i).addClass('active').siblings().removeClass('active');
        })
    })
 </script>  
</body>
</html>